/*
 * Theme Name: LHYLE09
 * Theme URI: http://www.vicente-navarro.com/blog/
 * Description: El tema de <a href="http://www.vicente-navarro.com/blog/">Lo hice y lo entend&iacute;</a>.
 * Version: 2009
 * Author: Vicente Navarro
 * Author URI: http://www.vicente-navarro.com/blog/
 * Tags: ocean, fluid width
 *                                                      */

/****************** Elementos estandar  **************/

*
{
margin: 0px;
padding: 0px;
}

body 
{
font-size: 12px;
margin: 0px;
color: #444444;
font-family: "Verdana", Sans-Serif;
background-color: #EFECCA;
}

p
{
line-height: 140%;
}

ul
{
list-style: none;
}

blockquote
{
padding-left: 15px;
padding-right: 15px;
margin-left: 25px;
margin-right: 25px;
background-color: #EFECCA;
}

pre
{
overflow: auto;
color: #000000;
font-size: 1.1em;
}

img
{
border: 0px;
}

a:link, a:visited
{
color: #046380;
text-decoration: none;
font-weight: bold;
}

a:hover, a:visited:hover
{
border-bottom: 1px dotted #046380;
}

a:hover img
{
}

h1
{
font-size: 28px;
color: #E6E2AF;
}

h2
{
display: block;
font-size: 16px;
color: #002F2F;
padding-top: 5px;
padding-left: 10px;
margin-top: 5px;
margin-bottom: 6px;
text-align: left;
}

h3
{
display: block;
font-size: 16px;
font-weight: bold;
margin: 5px 4px 1em 4px;
padding-top: 16px;
padding-left: 20px;
text-align: left;
background: transparent url("img/page.gif") 0px 17px no-repeat;
}

h3 a:link, h3 a:visited
{
color: #002F2F;
font-weight: bold;
border-bottom: 0px none #002F2F;
}

h3 a:hover, h3 a:visited:hover
{
border-bottom: 1px dotted #002F2F;
}

h4
{
font-size: 14px;
}

code
{
color: #000000;
font-size: 1.1em;
}

/****************** Div de la cabecera  **************/

#headerwrap
{
height: 120px;
margin: 0px;
background: #002F2F url("img/headerback.png") repeat-x;
}

/*********************** Blogtitle *******************/

#blogtitle
{
color: #E6E2AF;
padding-top: 30px;
padding-left: 35px;
}

#blogtitle a:link, #blogtitle a:visited
{
color: #E6E2AF;
text-decoration: none;
border: none;
font-weight: bold;
}

#blogtitle a:hover, #blogtitle a:visited:hover
{
text-decoration: none;
font-weight: bold;
}

/********************* Site Description **************/

#sitedesc
{
padding-top: 8px;
padding-left: 35px;
font-size: 14px;
color: #A7A37E;
font-weight: bold;
}

/*********************** Container *******************/

#container
{
margin: 20px 0 0 0;
}

/************** Left & Right Sidebar Container *******/

#sidebarscontainer
{
/* float: left; /* sidebar a la izquierda */
/* float: right; /* sidebar a la derecha */
float: left; /* sidebar a la izquierda */
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;
width: 192px; /* 190 + 2 */
padding-top: 0px;
/* visibility: hidden; /* Sin sidebar */
/* width: 0px; /* Sin sidebar */
}

/********************** Left Sidebar Container *******/

.children
{
margin-bottom: 0px;
}

.sidebar
{
float: left;
font-size: 11px;
padding-top: 12px;
padding-bottom: 12px;
width: 190px;
margin: 0px 0px 20px 0px;
text-align: left;
background: #ffffff url("img/boxback.png") repeat-x top;
border: 1px solid #046380;
}

.sidebarul
{
margin-top: 10px;
margin-bottom: 10px;
padding-left: 8px;
padding-right: 8px;
}

.sidebarul ul li
{
display: block;
padding-left: 10px;
margin-left: 5px;
margin-bottom: 0px;
background: transparent url("img/star.gif") no-repeat;
}

.sidebarul ul li ul li
{
padding-left: 10px;
background: transparent url("img/child.gif") no-repeat;
}

.sidebar img
{ 
border-width: 0px;
padding: 5px;
background-color: transparent;
}

.sidebar .cat-item img
{
padding: 0px;
}

.sidebar a:link, .sidebar a:visited
{
color: #A7A37E;
border-bottom: 0px none transparent;
font-weight: bold;
background-color: transparent;
}

#sidebarcont1 a:hover, #sidebarcont1 a:visited:hover,
#sidebarcont2 a:hover, #sidebarcont2 a:visited:hover,
#sidebarcontcal a:hover, #sidebarcontcal a:visited:hover,
#sidebarconttags a:hover, #sidebarconttags a:visited:hover
{
background-color: #E6E2AF;
}

#sidebarcont1 .cat-item a:hover img, #sidebarcont1 .cat-item a:visited:hover img
{
background-color: #FFFFFF;
}

#sidebarcontbuttons a:hover, #sidebarcontbuttons a:visited:hover,
#sidebarcontemail a:hover, #sidebarcontemail a:visited:hover
{
background-color: transparent;
}

.sidebar h2
{
}

.buttons
{ 
text-align: center;
}

#allthetags
{
margin:20px 30px 30px 30px;
text-align: center;
}

#contacto a:hover img, #contacto a:visited:hover img
{
background-color: #EFECCA;
}

/*********************** Search Form *****************/

#searchdiv
{
text-align: center;
margin-bottom: 15px;
}

#searchfield
{
border: 1px solid #046380;
padding: 10px;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
}

#searchfield #searchbutton
{ 
background-color:  #046380;
color: #EFECCA;
border-color: #002F2F;
margin-top: 4px;
width: 100px;
}

#searchfield #s
{
color: #002F2F;
border: 1px solid #046380;
padding: 2px;
background-color: #EFECCA;
width: 100px;
}

#searchfield legend
{ 
color: #002F2F;
font-size: 14px;
font-weight: bold;
padding: 2px;
margin-left: 6px;
}

/*********************** Content *********************/

#content
{
/* margin: 0px 20px 20px 232px; /* sidebar a la izquierda */
/* margin: 0px 232px 20px 20px; /* sidebar a la derecha */
/* margin: 0px 20px 20px 20px; /* Sin sidebar */
margin: 0px 20px 20px 232px; /* sidebar a la izquierda */
text-align: left;
}

.caja
{
padding: 16px 15px 0px 15px;
margin: 0px 0px 20px 0px;
text-align: left;
background: #ffffff url("img/boxback.png") repeat-x top;
border: 1px solid #046380;
}

.post ul li
{
padding: 1px 0px 1px 15px;
background: transparent url("img/star.gif") no-repeat scroll 0 2px;
}

.post ul li ul li
{
padding: 1px 0 1px 12px;
background: transparent url("img/child.gif") no-repeat scroll 0 2px;
}

.post ul li ul 
{
margin-bottom: 0px;
}

.post ol
{
list-style-position: inside;
padding: 2px;
}

.post p, .post ul, .post ol, .post pre, .post div, .post table
{
margin-bottom: 1.2em;
clear: none;
}

.post pre
{
color: #000000;
}

.entry h3, .entry h4, .entry h5, .entry h6, .entrytext h3, .entrytext h4, .entrytext h5, .entrytext h6
{
border:0px;
margin:0px;
margin-bottom:1em;
margin-top: 2em;
padding:0px;
color: #002F2F;
background: transparent none;
text-align: left;
display: block;
font-weight:bold;
}

.entry h3, .entrytext h3
{
font-size: 16px;
}

.entry h4, .entrytext h4
{
font-size: 14px;
}

.entry h5, .entrytext h5
{
font-size: 12px;
}

.entry h6, .entrytext h6
{
font-size: 10px;
}

#searchresults
{
background: transparent none;
font-size: 18px;
padding-left: 0px;
margin-left: 0px;
}

#notfound
{
text-align: center;
margin:20px 30px 30px 30px;
}

#archivespage
{
padding-left: 20px;
}

/*********** Paginas de Archivos *********************/

.postarchive
{
padding-left: 10px;
background: transparent url("img/star.gif") no-repeat scroll 0 2px;
}

a.postarchivelink:link, a.postarchivelink:visited
{
font-size: 14px;
}

a.postarchivelink:hover, a.postarchivelink:hover:visited
{
}

.postmetadataarchive
{
margin: 0.6em 0 1.2em 0;
color: #444444;
padding-left: 12px;
}

.postmetadataarchive a:link, .postmetadataarchive a:visited
{
color: #A7A37E;
font-weight: bold;
}

.postmetadataarchive a:hover, .postmetadataarchive a:hover:visited
{
border-bottom: 0px none transparent;
background-color: #E6E2AF;
}

/*********************** Navigation **********************/

.navigation 
{
height: 16px;
}

.prevpost
{
text-align: left;
width: 50%;
}

.nextpost
{
text-align: right;
width: 50%;
}

/*********************** Footer **********************/

#footwrap
{
clear: both;
margin: auto;
width: 100%;
padding-top: 20px;
background: #002F2F url("img/footerback.png") repeat-x;
font-weight: bold;
height: 50px;
text-align: center;
color: #E6E2AF;
}

#footwrap a:link, #footwrap a:visited
{
color: #A7A37E;
text-decoration: none;
font-weight: bold;
}

#footwrap a:hover, #footwrap a:visited:hover 
{
border-bottom: 1px dotted #A7A37E;
}

/*********************** Post Metadata ***************/

.postmetadata
{
padding: 4px 8px 4px 8px;
margin-bottom: 20px;
color: #E6E2AF;
background-color: #046380;
}

.postmetadata a:link, .postmetadata a:visited
{
color: #A7A37E;
text-decoration: none;
font-weight: normal;
}

.postmetadata a:hover, .postmetadata a:visited:hover
{
border-bottom: 1px dotted #A7A37E;
}

/*********************** Links Feed ******************/

#feeddiv
{
text-align: center;
}

#feed, #feed:link, #feed:visited, #feed:hover
{
width: 42px;
height: 42px;
padding: 0px;
border: none;
margin: auto;
}

/*********************** Comments ********************/

#comment
{
width: 99%; /* Con 100% va mal en IE? */
}

#comments
{
margin: 20px 10px 0px 10px;
}

#commentformtitle
{
margin: 20px 10px 28px 10px;
}

#commentlist
{
margin: 0px 6px 20px 6px;
}

#tblisttitle
{
margin: 20px 10px 15px 10px;
}

#tblist
{
margin-left: 25px;
margin-bottom: 20px;
}

#tblist li
{ 
padding-left: 10px;
background: transparent url("img/star.gif") no-repeat;
}

.avatar
{
float:left;
border-width: 0px;
margin: 0px 10px 10px 0px;
}

.comment
{
margin: 15px 0px 0px 0px;
padding: 15px;
list-style: none outside;
background: transparent none;
}

.depth-1
{
margin-bottom: 15px;
}

.comment .children
{
margin: 0px;
padding: 0px;
}

.comment pre, .comment p
{
margin-bottom: 1em;
clear: none;
}

.depth-1, .depth-3, .depth-5
{
border: 2px solid #EFECCA;
}

.depth-2, .depth-4
{
border: 2px solid #A7A37E;
}

.commentmetadata, .comment-author
{
margin-bottom: 1em;
}

#cancel-comment-reply
{
margin-bottom: 6px;
}

#commentform #comment, #commentform #author, #commentform #url, #commentform #email
{
font-family: "Verdana", Sans-Serif;
font-size: 12px;
color: #046380;
border: 1px solid #046380;
background-color: #FFFFFF;
}

#commentform #submit
{
background-color:  #046380;
color: #EFECCA;
border-color: #002F2F;
margin-top: 4px;
padding: 2px 4px 2px 4px;
}

#commentform #comment:hover, #commentform #author:hover, #commentform #url:hover, #commentform #email:hover
{
/*background-color: #EFECCA;*/
}

#commentform p
{
margin-bottom: 1em;
}

/************** Ajax Preview Comments ****************/

#acp-preview {
background-color:#046380;
border-color:#002F2F;
color:#EFECCA;
margin-top:4px;
margin-bottom:15px; 
padding:2px 4px;
}

#ajax-comment-preview {
margin-bottom:1em;
}

#ajax-comment-preview ul li {
margin-top: 0px;
}

/*********************** Calendar ********************/

#wp-calendar caption {  
        font-weight: bold;
        color: #002F2F;
        font-size: 16px;
        text-align: center; 
        text-decoration: none;
        padding-top: 5px;
        margin-top: 5px;
        margin-bottom: 10px;
} 
 
#wp-calendar {  
        empty-cells: show; 
        width: 100%; 
	font-size: 12px;
        padding-left: 10%;
        padding-right: 10%;
        margin-top: 8px;
        margin-bottom: 5px;
} 

#wp-calendar a {  
        display: block; 
        text-decoration: none; 
}
 
#wp-calendar #next a {  
        padding-right: 4px; 
        text-align: right; 
} 
 
#wp-calendar #prev a {  
        padding-left: 4px; 
        text-align: left; 
} 
 
#wp-calendar th { 
        color: #002F2F;
        font-style: normal; 
        text-transform: capitalize; 
        text-align: right;
}

#wp-calendar td {  
        padding: 3px 0; 
        text-align: center; 
        font-family: monospace;
}
 
#wp-calendar td.pad:hover {  /* Doesn't work in IE */ 
        background-color: transparent;
}

/*********************** Date ************************/

.date
{
float: right;
font-weight: bold;
background: transparent url("img/date.gif") no-repeat;
padding-bottom: 20px;
padding-top: 4px;
margin: 12px 15px 5px 5px;
text-align:center;
width: 35px;
color: #002F2F;
}

/********************* pagebar  **********************/
.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 0px;
	text-decoration: none;
	text-align: center;
}

.pagebar a,.pageList .this-page, .pagebar a:visited {
	border: 1px solid #046380;
	background: #FFF;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar a:hover {
	color: #002F2F;
	border: 1px solid #046380;
	background: #A7A37E;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .this-page {
	color: #002F2F;
	border: 1px solid #046380;
	background: #046380;
	text-decoration: none;
	padding: 0.2em 0.5em;
	font-weight: bold;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	text-decoration: none;
}

.pagebar .inactive
{
}

/***************** WP > 2.5 **************************/
/* http://codex.wordpress.org/CSS */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/****** Estilos Vicente para contenido posts *********/

.trpijama1 {
background-color: #E6E2AF;
}

.trpijama2 {
background-color: #EFECCA;
}

.imgbq, .tablabq { /* Una table en un blockquote sale mal, asi que aplicamos solo un estilo tabla+bq*/
margin-left: 25px;
margin-right: 25px;
}

img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}

.centrado {
text-align: center;
}

#tux {
float: right;
margin: 10px 20px 10px 20px;
}

/* El post 531 es la pagina de enlaces */

#post-531 a {
padding-left: 16px;
background: transparent url("img/link.gif") no-repeat;
}

#post-531 ul li {
background: none;
padding: 1.5ex 2em 0;
}

/* ESTILOS PARA FORMULARIO */

.conjuntodecampos {
border: 1px solid #046380;
margin: 15px;
}

.leyenda
{ 
color: #002F2F;
font-size: 14px;
font-weight: bold;
padding: 2px;
}

.cuadrotexto { 
color: #002F2F;
border: 1px solid #046380;
background-color: #E6E2AF;
padding: 1px;
}

.boton { 
background-color:  #046380;
color: #EFECCA;
border-color: #002F2F;
}

/* FIN ESTILOS PARA FORMULARIO */

